<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2583502_byqgvlcdsh.css">
</head>
<body>
    <div class="nav">
        <div class="tou">
                <img src="./images/wy.png" alt="">
                <p>
                    <span>发现音乐</span>
                    <span>我的音乐</span>
                    <span>朋友</span>
                    <span>商城</span>
                    <span>音乐人</span>
                    <span>下载客户端</span>
                </p>
                <p class="dd">hot</p>
                <div class="oo">
                  <input type="text" placeholder="音乐/视频/电台/用户">
                  <img src="./images/搜索.png" alt="">
                  <p class="cz">创作者中心</p>
                  <p class="rtc">登陆</p>
                </div>
                
        </div>
    </div>
    <div class="nav-w">
        <div class="tow">
            <p>
                <span>推荐</span>
                <span>排行榜</span>
                <span>歌单</span>
                <span>主播电台</span>
                <span>歌手</span>
                <span>新歌上架</span>
            </p>
        </div>
    </div>
    <div class="ss">
        <div class="contrent">
            <img class="zfh" src="./images/右返回.png" alt="">
            <img class="yfh" src="./images/左返回.png" alt="">
            <img class="one" src="./images/轮播图.jpg" alt="">
            <img class="cc" src="./images/cc.png" alt="">
            <div class="dj">
                <button>
                    <i class="iconfont xz">&#xe63d;</i>
                    下载客户端
                </button>
                <p>PC安卓iPhone WP iPad Mac 六大客户端</p>
            </div>
        </div>
    </div>
    <div class="ww">
        <div class="nog">
            <div class="dh">
                <i class="iconfont mt">&#xe606;</i>
                <p class="rm">热门推荐</p>
                <p class="hy">
                    <span>华语</span>
                    <span>|</span>
                    <span>流行</span>
                    <span>|</span>
                    <span>摇滚</span>
                    <span>|</span>
                    <span>民谣</span>
                    <span>|</span>
                    <span>电子</span>
                </p>
                <p class="gd">更多<i class="iconfont mui">&#xe605;</i></p>
            </div>
            <div class="con">
                <div class="tt">
                    <img src="./images/wer.png" alt="">
                    <div class="op">
                        <span>15万</span>
                        <i class="iconfont dt">&#xe697;</i>
                        <i class="iconfont bf">&#xe604;</i>
                    </div>
                    <p>我字字皆你，你却句句非我</p>
                </div>
                <div class="tt">
                    <img src="./images/ee.jpg" alt="">
                    <div class="op">
                        <span>13万</span>
                        <i class="iconfont dt">&#xe697;</i>
                        <i class="iconfont bf">&#xe604;</i>
                    </div>
                    <p>我只是炸曲的搬运工！【精】</p>
                </div>
                <div class="tt">
                    <img src="./images/uu.jpg" alt="">
                    <div class="op">
                        <span>55万</span>
                        <i class="iconfont dt">&#xe697;</i>
                        <i class="iconfont bf">&#xe604;</i>
                    </div>
                    <p> 爱过你，我不遗憾#致爱情#</p>
                </div>
                <div class="tt">
                    <img src="./images/mm.jpg" alt="">
                    <div class="op">
                        <span>67万</span>
                        <i class="iconfont dt">&#xe697;</i>
                        <i class="iconfont bf">&#xe604;</i>
                    </div>
                    <p>网易云音乐年度热议单曲总结</p>
                </div>
                <div class="tt">
                    <img src="./images/ww.jpg" alt="">
                    <div class="op">
                        <span>8万</span>
                        <i class="iconfont dt">&#xe697;</i>
                        <i class="iconfont bf">&#xe604;</i>
                    </div>
                    <p>我只是炸曲的搬运工！【精】</p>
                </div>
                <div class="tt">
                    <img src="./images/pp.jpg" alt="">
                    <div class="op">
                        <span>12万</span>
                        <i class="iconfont dt">&#xe697;</i>
                        <i class="iconfont bf">&#xe604;</i>
                    </div>
                    <p> 一辈子很长，要跟相爱的人在一起呀#致爱情#</p>
                </div>
                <div class="tt">
                    <img src="./images/oo.jpg" alt="">
                    <div class="op">
                        <span>12万</span>
                        <i class="iconfont dt">&#xe697;</i>
                        <i class="iconfont bf">&#xe604;</i>
                    </div>
                    <p>R&B|浩瀚宇宙中，定位迷离韵律</p>
                </div>
                <div class="tt">
                    <img src="./images/qq.jpg" alt="">
                    <div class="op">
                        <span>15万</span>
                        <i class="iconfont dt">&#xe697;</i>
                        <i class="iconfont bf">&#xe604;</i>
                    </div>
                    <p>我字字皆你，你却句句非我</p>
                </div>
            </div>
        </div>
        <div class="qq">
            <div class="yh">
                <p>登陆网易云音乐，可以享受无限收藏的</p>
                <p>乐趣，并且无限同步到手机</p>
                <button>用户登陆</button>
            </div>
            <div class="rz">
                <div class="ckqb">
                    <p>入住歌手</p>
                    <p>查看全部> </p>
                </div>
                <div class="gs">
                    <img src="./images/zhm.jpg" alt="">
                    <p>张惠妹aMEI</p>
                    <p>台湾歌手张惠妹</p>
                </div>
                <div class="gs">
                    <img src="./images/fine.jpg" alt="">
                    <p>Fine</p>
                    <p>独立音乐人</p>
                </div>
                <div class="gs">
                    <img src="./images/zl.jpg" alt="">
                    <p>音乐人赵雷</p>
                    <p>民谣歌手</p>
                </div>
                <button class="il">申请成为音乐人</button>
            </div>
        </div>
    </div>
    <div class="ll">
        <div class="xd">
            <i class="iconfont mt">&#xe606;</i>
            <p>新碟上架</p>
            <p>更多<i class="iconfont mui">&#xe605;</i></p>
            <div class="hx">
                <img class="ro" src="./images/ro.png" alt="">
                <img class="rt" src="./images/rt.png" alt="">
                <div>
                    <img src="./images/dd.png" alt="">
                    <p>Couple Hunnid Mixtape Vol.3谢帝</p>
                </div>
                <div>
                    <img src="./images/微信截图2.png" alt="">
                    <p>Man on the MoonN.Flying</p>
                </div>
                <div>
                    <img src="./images/微信截图3.png" alt="">
                    <p>Goodkidstape 1A Few Good Kid</p>
                </div>
                <div>
                    <img src="./images/微信截图4.png" alt="">
                    <p>Pale Blue</p>
                </div>
                <div>
                    <img src="./images/微信截图5.png" alt="">
                    <p>为歌而赞 第12期为歌而赞</p>
                </div>
            </div>
            <div class="bd">
                <i class="iconfont mt">&#xe606;</i>
              <p>榜单</p>
              <p>更多<i class="iconfont mui">&#xe605;</i></p>
            </div>
            <table>
                <tr>
                    <th class="tab">
                        <img class="tyu" src="./images/biao.png" alt="">
                        <img src="./images/文件.png" alt="">
                        <p class="ko">飙升榜</p>
                        
                    </th>
                    <th class="tab">
                        <img class="tyu" src="./images/xg.jpg" alt="">
                        <img src="./images/文件.png" alt="">
                        <p class="kp">新歌榜</p>
                    </th>
                    <th class="tab">
                        <img class="tyu" src="./images/yc.jpg" alt="">
                        <img src="./images/文件.png" alt="">
                        <p class="kl">原创榜</p>
                    </th>
                </tr> 
                <tr>
                    <td><span class="rty">1</span>&nbsp; &nbsp; GTA (feat. 弹壳Danko)</td>
                    <td><span class="rty">1</span>&nbsp; &nbsp; 嘉宾</td>
                    <td><span class="rty">1</span>&nbsp; &nbsp; PROMISE ME</td>
                </tr>
                <tr>
                    <td><span class="rty">2</span>&nbsp; &nbsp;Stitches</td>
                    <td><span class="rty">2</span>&nbsp; &nbsp;做勇敢的大人</td>
                    <td><span class="rty">2</span>&nbsp; &nbsp;4321</td>
                </tr>
                <tr>
                    <td><span class="rty">3</span>&nbsp; &nbsp;花,太阳,彩虹,你</td>
                    <td><span class="rty">3</span>&nbsp; &nbsp;好久不见</td>
                    <td><span class="rty">3</span>&nbsp; &nbsp;六月季</td>
                </tr>
                <tr>
                    <td><span>4</span>&nbsp; &nbsp;如果呢</td>
                    <td><span>4</span>&nbsp; &nbsp;窗</td>
                    <td><span>4</span>&nbsp; &nbsp;出租车司机</td>
                </tr>
                <tr>
                    <td><span>5</span>&nbsp; &nbsp;迪亚</td>
                    <td><span>5</span>&nbsp; &nbsp;银河与星斗</td>
                    <td><span>5</span>&nbsp; &nbsp;手心玫瑰</td>
                </tr>
                <tr>
                    <td><span>6</span>&nbsp; &nbsp;还是会想你</td>
                    <td><span>6</span>&nbsp; &nbsp;拼个世界给自己</td>
                    <td><span>6</span>&nbsp; &nbsp;就 算（Even if）</td>
                </tr>
                <tr>
                    <td><span>7</span>&nbsp; &nbsp;Leave The Door Open</td>
                    <td><span>7</span>&nbsp; &nbsp;不舍</td>
                    <td><span>7</span>&nbsp; &nbsp;拯救</td>
                </tr>
                <tr>
                    <td><span>8</span>&nbsp; &nbsp;知难而退</td>
                    <td><span>8</span>&nbsp; &nbsp;GTA (feat. 弹壳</td>
                    <td><span>8</span>&nbsp; &nbsp;终有一天</td>
                </tr>
                <tr>
                    <td><span>9</span>&nbsp; &nbsp;下雨时候特别想你</td>
                    <td><span>9</span>&nbsp; &nbsp;翱翔</td>
                    <td><span>9</span>&nbsp; &nbsp;Eyes Shut</td>
                </tr>
                <tr>
                    <td><span>10</span>&nbsp; &nbsp;别联系</td>
                    <td><span>10</span>&nbsp; &nbsp;你的目光</td>
                    <td><span>10</span>&nbsp; &nbsp;哎呦 哎呦</td>
                </tr>
                <tr>
                    <td>查看全部></td>
                    <td>查看全部></td>
                    <td>查看全部></td>
                </tr>
            </table>
        </div>
        <div class="zb">
            <div class="ctt">
                <div class="rz">
                    <div class="ckqb">
                        <p>热门主播</p>
                    </div>
                    <div class="gg">
                        <img src="./images/11.jpg" alt="">
                        <p>银临Rachel</p>
                        <p>古风音乐人</p>
                    </div>
                    <div class="gg">
                        <img src="./images/22.jpg" alt="">
                        <p>刘维-Julius</p>
                        <p>歌手、播客节目《维维道来</p>
                    </div>
                    <div class="gg">
                        <img src="./images/33.jpg" alt="">
                        <p>莫非定律MoreFeel</p>
                        <p>男女双人全创作独立乐团</p>
                    </div>
                    <div class="gg">
                        <img src="./images/44.jpg" alt="">
                        <p>陈立</p>
                        <p>心理学家、美食家陈立教授</p>
                    </div>
                    <div class="gg">
                        <img src="./images/55.jpg" alt="">
                        <p>碎嘴许美达</p>
                        <p>脱口秀网络红人</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="app">
        <div class="zz">
            <p class="dzc">
                <span>服务条款</span>
                <span>|</span>
                <span>隐私政策</span>
                <span>|</span>
                <span>儿童隐私政策</span>
                <span>|</span>
                <span> 版权投诉指</span>
                <span>|</span>
                <span>意见反馈</span>
                <span>|</span>
            </p>
            <p>
                <span>网易公司版权所有©1997-2021</span>
                <span>杭州乐读科技有限公司运营：浙网文[2021] 1186-054号</span>
            </p>
            <p>
                <span>违法和不良信息举报电话：0571-89853516</span>
                <span>举报邮箱：ncm5990@163.com</span>
            </p>
            <p>
                <span>粤B2-20090191-18  工业和信息化部备案管理系统网站  浙公网安备 33010902002564号</span>
            </p>
            <img src="./images/app.png" alt="">
        </div>
    </div>
</body>
</html>